@font-face {
             font-family : 'WebSymbolsRegular';
             src : url('websymbols/websymbols-regular-webfont.eot');
             src : url('websymbols/websymbols-regular-webfont.eot?#iefix')format('embedded-opentype'),
             url('websymbols/websymbols-regular-webfont.woff')format('woff'),
             url('websymbols/websymbols-regular-webfont.ttf')format('truetype'),
             url('websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular')format('svg');
             font-weight : normal;
             font-style : normal;
         }
.ca-menu {
          padding : 0;
          margin : 20px auto;
          width : 266px;
      }
.ca-menu li {
          width : 210px;
          height : 280px /*70px*/ ;
          overflow : hidden;
          display : block;
          -webkit-box-shadow : 1px 1px 2px rgba(0, 0, 0, 0.2);
          -moz-box-shadow : 1px 1px 2px rgba(0, 0, 0, 0.2);
          box-shadow : 1px 1px 2px rgba(0, 0, 0, 0.2);
          margin-bottom : 4px;
          border-left : 10px solid #000;
          -webkit-transition : all 600ms ease - in - out;
          -moz-transition : all 600ms ease - in - out;
          -o-transition : all 600ms ease - in - out;
          -ms-transition : all 600ms ease - in - out;
          transition : all 600ms ease - in - out;
          background: #ddd;
      }
li.mebel {
    height : 135px;
}
li.materials {
    height : 110px;
}
.ca-menu li:last-child {
                           margin-bottom : 0px;
                       }
.ca-menu li:hover:last-child {
                                   margin-bottom : 20px;
                               }
.ca-menu li.cont {
          text-align : left;
          display : block;
          width : 100% ;
          height : 100% ;
          color :  #333;
          position : relative;
      }
.ca-icon {
          font-family : 'WebSymbolsRegular',
      cursive;
          font-size : 20px;
          text-shadow : 0px 0px 1px #333;
          line-height : 66px;
          position : absolute;
          width: 50px;
          text-align : center;
          /*left20px*/
          -webkit-transition : all 600ms ease;
          -moz-transition : all 600ms ease;
          -o-transition : all 600ms ease;
          -ms-transition : all 600ms ease;
          transition : all 600ms ease;
      }
.ca-content {
          width : 189px;
          margin : 0 0 0 30px;
          _height : 30px;
          /* top: -12px;*/
      }
.ca-content:after {
          display : block;
          content : "";
          clear : both;
      }
.ca-main {
          /* font-size: 30px;*/
          -webkit-transition : all 600ms ease;
          -moz-transition : all 600ms ease;
          -o-transition : all 600ms ease;
          -ms-transition : all 600ms ease;
          transition : all 600ms ease;
      }
.ca-sub {
          font-size : 16px;
          font-weight : normal;
          -webkit-transition : all 600ms ease;
          -moz-transition : all 600ms ease;
          -o-transition : all 600ms ease;
          -ms-transition : all 600ms ease;
          transition : all 600ms ease;
          display: block;
      }
.ca-menu li :hover.ca-sub :hover {
                               color :  #000;
                           }
.ca-menu li :hover {
          border-color :  #fff004;
          _background :  #22910A;
      }
.ca-menu li:hover.ca-content {
                               margin : 20px;
                           }
.ca-menu li :hover.ca-icon {
                               color :  #fff004;
                               text-shadow : 0px 0px 1px #fff004;
                               font-size : 30px;
                           }
.ca-menu li :hover.ca-main {
                               color:  #fff004;
                               font-size : 14px;
                               padding-left : 10px;
                               padding : 0 0 20px 10px;
                           }
.ca-menu li :hover.ca-sub {
                               color:  #fff;
                               font-size : 20px;
                           }
.ca-content h2 {
          font-size : 21px;
          margin : 14px 19px 29px 22px;
      }
.ca-content.ca-sub.active {
                       color : red!important;
                   }